<template>
	<div class="zhengtuojianhuo">
		<van-nav-bar :fixed="true" class="navBar" title="移库移出" left-arrow @click-left="$router.go(-1)"></van-nav-bar>




		<div class="goodsFromWarp">

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">移出单号：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.bill"
							 placeholder="请填写移出单号"
							 clearable
							 @keyup="onEnter($event,do_inputspbar)"
						 />

						 <div class="searchBtn">
								<button :disabled="isdisabled"  @click.stop="lingquBtn()" >
									<van-icon name="ellipsis" color="#1989fa"  />
								</button>
						 </div>
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">商品条码：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.itemid"
							 placeholder="请填写商品条码"
							 clearable
							 @keyup="onEnter($event,do_inputspbarSku)"
						 />

						 <div class="searchBtn">
								<button :disabled="isdisabled"  @click.stop="searchGoodsBtn()" >
									<van-icon name="ellipsis" color="#1989fa"  />
								</button>
						 </div>
				</div>

				<div class="tishiMessage" style="margin-top:5px;">
					{{billRow.xs1}}
				</div>

				<div class="tishiMessage">
					{{billRow.xs2}}
				</div>




				<div class="tishiMessage" style="margin-top:5px;">
					{{skuRow.xs1}}
				</div>

				<div class="tishiMessage">
					{{skuRow.xs2}}
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">出货仓位：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.cwno"
							 placeholder="请填写出货仓位"
							 clearable
							 @keyup="onEnter($event,do_inputspbarCwno)"
						 />

						 <div class="searchBtn">
								<button :disabled="isdisabled"  @click.stop="searchCwnoBtn()" >
									<van-icon name="ellipsis" color="#1989fa"  />
								</button>
						 </div>
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">箱装：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.unit"
							 placeholder="请填写箱装"
							 clearable
						 />
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">箱数：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.pack"
							 placeholder="请填写箱数"
							 clearable
						 />
				</div>

				<div class="goodsInputWarp">
						<div class="goodsInputLabel">
							<div class="goodsInputBorder"></div>
							<div class="skuName">散数：</div>
						</div>
						<van-field
							 class="skuInput"
							 v-model="editForm.qty"
							 placeholder="请填写散数"
							 clearable
						 />
				</div>
		</div>




		<div class="skuBtn">
			<van-button type="info" :disabled="isdisabled" @click="searchYiChuBtn()">查已移动</van-button>
			<van-button type="info" :disabled="isdisabled" @click="saveChuHuoBtn()">出货确认</van-button>
		</div>


		<van-overlay :show="isBillVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="移出单号" left-arrow @click-left="isBillVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in lingquData" :key="i" class="danjuRow" @click="selectBillClick(row,i)" >
								<van-row class="skuList" >
								  <van-col span="24"> <span>单号：</span> {{row.bill}}</van-col>
								</van-row>
								<van-row class="skuList">
									<van-col span="24"> <span>部类：</span> {{row.deptcsid}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="24"> <span>目标库：</span> {{row.tposin}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>完成：</span> {{row.yjtotqty}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>预计：</span> {{row.tot}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>状态：</span> {{row.status}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="24"> <span>备注：</span> {{row.comm}}</van-col>
								</van-row>

							</div>
					</div>
			</div>
		</van-overlay>


		<van-overlay :show="isSkuVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="商品" left-arrow @click-left="isSkuVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in skuData" :key="i" class="danjuRow" @click="selectSkuClick(row,i)" >
								<van-row class="skuList" >
								  <van-col span="24"> <span>单号：</span> {{row.bill}}</van-col>
								</van-row>
								<van-row class="skuList">
									<van-col span="24"> <span>条码：</span> {{row.barcode}}</van-col>
								</van-row>

								<van-row class="skuList"  >
									<van-col span="24"> <span>商品：</span>{{row.itemid}} {{row.subsname}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>预计：</span> {{row.yjtotqty}}</van-col>
								</van-row>
								<van-row class="skuList"  >
									<van-col span="24"> <span>完成：</span> {{row.tot}}</van-col>
								</van-row>
							</div>
					</div>
			</div>
		</van-overlay>


		<van-overlay :show="isCwnoVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="出货仓" left-arrow @click-left="isCwnoVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in cangweiTableData" :key="i" class="danjuRow" @click="selectCwnoClick(row,i)" >
									<van-row class="skuList"  >
										<van-col span="24"> <span>单号：</span> {{row.cwno}}</van-col>
									</van-row>
									<van-row class="skuList">
										<van-col span="24"> <span>箱装：</span> {{row.unit}}</van-col>
									</van-row>

									<van-row class="skuList"  >
										<van-col span="24"> <span>总库存：</span>{{row.totqty}}</van-col>
									</van-row>
									<van-row class="skuList"  >
										<van-col span="24"> <span>已分配：</span> {{row.yfpqty}}</van-col>
									</van-row>
									<van-row class="skuList"  >
										<van-col span="24"> <span>仓库：</span> {{row.whsid}}</van-col>
									</van-row>
							</div>
					</div>
			</div>
		</van-overlay>


		<van-overlay :show="isYYDVisible" :lock-scroll="false">
			<div class="shipandanWrapper">
					<van-sticky>
						<van-nav-bar class="navBar" title="已移动" left-arrow @click-left="isYYDVisible = false"></van-nav-bar>
					</van-sticky>
					<div class="shipandanCon" @click.stop>
							<div  v-for="(row,i) in yydTableData" :key="i" class="danjuRow">
									<van-row class="skuList"  >
										<van-col span="24"> <span>仓位：</span> {{row.cwno}}</van-col>
									</van-row>
									<van-row class="skuList">
										<van-col span="24"> <span>仓位总操作：</span> {{row.t_cwqty}}</van-col>
									</van-row>

									<van-row class="skuList"  >
										<van-col span="24"> <span>业务开单数：</span>{{row.t_ywqty}}</van-col>
									</van-row>
									<van-row class="skuList"  >
										<van-col span="24"> <span>箱装：</span> {{row.unit}}</van-col>
									</van-row>
									<van-row class="skuList"  >
										<van-col span="24"> <span>本仓位总：</span> {{row.totqty}}</van-col>
									</van-row>
							</div>
					</div>
			</div>
		</van-overlay>

	</div>
</template>

<script>

export default {
  name: 'yikuyichu',
  data() {
    return {
			editForm:{
				bill:'',
				itemid:'',
				unit:'',
				cwno:'',
				totqty:'',
				unit: '',
				whsid:'',
				yfpqty:'',
				pack:'',
				qty:'',
			},
			billRow:{
				xs1: "",
				xs2: "",
			},
			isBillVisible:false,
			isdisabled:false,
			lingquData:[],
			isSkuVisible:false,
			skuData:[],
			skuRow:{
				xs1: "",
				xs2: "",
			},
			isCwnoVisible:false,
			cangweiTableData:[],
			isYYDVisible:false,
			yydTableData:[],
		};
  },
	computed: {
		 ryuser: function(){
			 return this.GWO(true).gUSER;
		 },
	},
  methods: {
		do_inputspbar(pmtxt){
			console.log(pmtxt)  //扫描枪获取的参数
			this.editForm.bill = pmtxt
			this.lingquBtn()
		},
		lingquBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_qrybill',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'bill',this.editForm.bill,
				])
				},'移库移出查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到移库移出查询")
					console.log(rtn_json_obj)
					_self.lingquData = rtn_json_obj
					if(_self.lingquData.length > 0){
						_self.isBillVisible = true
					}else{
						_self.$toast.fail('暂无商品信息')
					}

				}
			});
		},
		selectBillClick(row){
			console.log(row.bill)
			this.editForm.bill = row.bill
			this.isBillVisible = false
			this.editForm.itemid = ''
			this.skuRow = {
				xs1: "",
				xs2: "",
			},
			this.editForm.cwno 	= ''
			this.editForm.whsid = ''
			this.editForm.pack 	= ''
			this.editForm.qty 	= ''
			this.editForm.unit 	= ''
			this._getBillItem()
		},
		_getBillItem(){
			var _self = this;
			_self.total = 0
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_jybill',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'bill',this.editForm.bill,
				])
				},'单号详情',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到单号详情查询")
					console.log(rtn_json_obj)
					_self.billRow = rtn_json_obj[0]
				}
			});
		},
		do_inputspbarSku(pmtxt){
			console.log(pmtxt)  //扫描枪获取的参数
			this.editForm.itemid = pmtxt
			this.searchGoodsBtn()
		},
		searchGoodsBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_qryitemid',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'bill',this.editForm.bill,
				'itemid',this.editForm.itemid,
				])
				},'商品详情',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到商品详情查询")
					console.log(rtn_json_obj)
					_self.skuData = rtn_json_obj
					if(_self.skuData.length == 0){
						_self.$toast.fail('暂无商品信息')
					}else if(_self.skuData.length == 1){
						_self.editForm.itemid = _self.skuData[0].itemid
						_self.skuRow = _self.skuData[0]
						_self._getskuItem();
					}else{
						_self.isSkuVisible = true
					}
				}
			});
		},
		selectSkuClick(row){
			this.editForm.itemid = row.itemid
			this.isSkuVisible = false

			this.editForm.cwno 	= ''
			this.editForm.whsid = ''
			this.editForm.pack 	= ''
			this.editForm.qty 	= ''
			this.editForm.unit 	= ''

			this._getskuItem()
		},
		_getskuItem(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_jyitemid',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'bill',this.editForm.bill,
				'itemid',this.editForm.itemid,
				])
				},'商品详情',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到商品详情查询")
					console.log(rtn_json_obj)
					_self.skuRow = rtn_json_obj[0]
					_self.editForm.unit = _self.skuRow.unit
				}
			});
		},
		do_inputspbarCwno(pmtxt){
			console.log(pmtxt)  //扫描枪获取的参数
			this.editForm.cwno = pmtxt
			this.searchCwnoBtn()
		},
		searchCwnoBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_qrycwno',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'bill',this.editForm.bill,
				'itemid',this.editForm.itemid,
				'cwno',this.editForm.cwno,
				])
				},'出货仓位查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到出货仓位查询")
					console.log(rtn_json_obj)
					_self.cangweiTableData = rtn_json_obj
					if(_self.cangweiTableData.length > 0){
						_self.isCwnoVisible = true
					}else{
						_self.$toast.fail('暂无仓位详情')
					}
				}
			});
		},
		selectCwnoClick(row){
			console.log(row)
			this.editForm.cwno = row.cwno
			this.editForm.whsid = row.whsid
			this.isCwnoVisible = false
			this._getCwnoItem()
		},
		_getCwnoItem(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
					'method':'dgate',
					'pname':'f_wmsa_y_pandian',
					'i':this.FNULLE([
					'opmode','Y_YKYC_jycwno',
					'czyid',this.ryuser.operatorid,
					'kqid', this.ryuser.kqid,
					'bill',this.editForm.bill,
					'itemid',this.editForm.itemid,
					'cwno',this.editForm.cwno,
					'whsid',this.editForm.whsid,
				])
				},'仓位详情',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到仓位详情查询")
					console.log(rtn_json_obj)
					_self.editForm.pack = rtn_json_obj[0].pack
					_self.editForm.qty 	= rtn_json_obj[0].qty
				}
			});
		},
		searchYiChuBtn(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_qryycitemid',
				'czyid',this.ryuser.operatorid,
				'kqid', this.ryuser.kqid,
				'bill',this.editForm.bill,
				'itemid',this.editForm.itemid,
				])
				},'已移动查询',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到已移动查询")
					console.log(rtn_json_obj)
					_self.yydTableData = rtn_json_obj
					if(_self.yydTableData.length > 0){
						_self.isYYDVisible = true
					}else{
						_self.$toast.fail('暂无仓位详情')
					}
				}
			});
		},
		saveChuHuoBtn(){
			if(parseInt(this.editForm.pack) == 0 && parseInt(this.editForm.qty)== 0){
				this.$dialog.confirm({
				  title: '提示',
				  message:'是否从仓位'+ this.editForm.cwno+'对商品'+this.editForm.itemid+'的下架移库出货操作',
				}).then(() => {
					this._getSaveChuHuo()
				}).catch(() => {
				    // this.isdisabled = false
				    // this.addmode = !this.addmode
				});
			}else{
				 this._getSaveChuHuo()
			}
		},
		_getSaveChuHuo(){
			var _self = this;
			var ldemodata = [{retval:0, errmsg:'返回数据集'},]
			this.MYPOST({
				'method':'dgate',
				'pname':'f_wmsa_y_pandian',
				'i':this.FNULLE([
				'opmode','Y_YKYC_chqr',
					'czyid',this.ryuser.operatorid,
					'kqid', this.ryuser.kqid,
					'bill',this.editForm.bill,
					'itemid',this.editForm.itemid,
					'cwno',this.editForm.cwno,
					'unit',this.editForm.unit,
					'pack',this.editForm.pack,
					'qty',this.editForm.qty,
				])
				},'移库移出保存',true, ldemodata, function(ret_obj, ret_iserr,ret_errmess,ret_oldresp){
				if(ret_iserr){ //传入的true参数,理论上不会有此回调了
					_self.$toast.fail('查询失败')
					_self.$store.commit('hideLoading');
				}else{
					var rtn_json_obj = null;
					_self.$store.commit('hideLoading');
					if(ret_obj != null){ rtn_json_obj = ret_obj; //返回的接口可以直接解析的情况
					}else{  rtn_json_obj = _self.arr2Obj(ret_oldresp.data); //非标准的dgate接口,返回的一个不兼容的处理
					}
					console.log("得到移库移出保存")
					console.log(rtn_json_obj)
					if(rtn_json_obj[0].ret_ret == '-1'){
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						return
					}else{
						_self.$toast.fail(rtn_json_obj[0].ret_mess)
						_self.editForm.itemid =''
						_self.editForm.unit =''
						_self.editForm.cwno =''
						_self.editForm.totqty =''
						_self.editForm.whsid =''
						_self.editForm.yfpqty =''
						_self.editForm.pack =''
						_self.editForm.qty =''

						// _self.billRow = {
						// 		xs1: "",
						// 		xs2: "",
						// }
						_self.lingquData = []
						_self.skuData = []
						_self.cangweiTableData = []
						_self.yydTableData = []
						_self.skuRow = {
								xs1: "",
								xs2: "",
						}
            _self._getBillItem()
						// _self.searchGoodsBtn() //重新领取任务
					}
				}
			});
		},
  },
  mounted() {

  },
	components: {

	},
};
</script>

<style lang="scss" scoped>
	// 引入公共样式
	@import '@/assets/css/base.scss';
	@import '@/assets/css/input.scss';
	div.zhengtuojianhuo{
		padding-top: 50px;
	}



	div.carCardWarp{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		margin-top: 20px;
		font-size: 14px;
		div.carCard{
			position: relative;
			border-left: 5px solid #4998FF;
			box-sizing: border-box;
			padding-left: 10px;
			padding-right: 10px;
			border-radius:5px;
			background-color: #fff;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-bottom:15px;
			div.status{
				position: absolute;
				right: 0;
				top: 0;
				width: 65px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #fff;
				font-size: 12px;
				border-radius: 0px 10px 0px 10px;
			}
			div.goodRow{
				margin-bottom:8px;
				span{
					display: inline-block;
					width:80px;
				}
			}
			div.goodsTitleRow{
				display: flex;
				width: 100%;
				div.goodsTitleLabel{
					width: 80px;
				}
				div.skuNoTitle{
					width: calc(100% - 80px);
				}
			}
		}
	}


	div.skuNamaRow{
		display: flex;
		line-height: 20px;
		margin-bottom: 10px;
		div.skuNamaRow_left{
			width:90px;
		}
	}


	div.messageWarp{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		div.messageCon{
			width:80%;
			height:320px;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
			.messageTitle{
				width: 100%;
				background-color: #1989fa;
				height: 38px;
				color: #fff;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 13px;
				border-top-right-radius: 10px;
				border-top-left-radius: 10px;
			}
			.messageHeader{
				display: flex;
				// height: 30px;
				box-sizing: border-box;
				padding:5px 5%;
				font-size: 14px;
				width: 100%;
				div.messageLabel{
					width: 80px;
				}
				div.messageValue{
					width: calc(100% - 80px);
					white-space: normal
				}
			}
			div.messageFooter{
				display: flex;
				width: 100%;
				height: 41px;
				position: absolute;
				left: 0;
				bottom: 0;
				// background-color: #1989fa;
				div{
					width: 50%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 12px;
				}
				div:nth-child(1){
					color: #1989fa;
				}

				div:nth-child(2){
					color: #1989fa;
				}
			}
		}
	}


	.tishiMessage{
		width: 100%;
		min-height: 30px;
		font-size: 20px;
		font-weight: bold;
		padding-bottom: 5px;
	}

</style>
